diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 0000000..8bb5009
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,3 @@
+[submodule "templ-bulma"]
+	path = templ-bulma
+	url = https://github.com/jtom38/templ-bulma
diff --git a/Justfile b/Justfile
index f5234ab..fff8d8b 100644
--- a/Justfile
+++ b/Justfile
@@ -7,4 +7,8 @@ gen:
 build:
     templ generate
     go build cmd/server.go
-    ls -lh server
\ No newline at end of file
+    ls -lh server
+
+update-submodule:
+    git submodule update --remote
+    templ generate
\ No newline at end of file
diff --git a/components/bulma/block.templ b/components/bulma/block.templ
deleted file mode 100644
index 57d129b..0000000
--- a/components/bulma/block.templ
+++ /dev/null
@@ -1,8 +0,0 @@
-package bulma
-
-// Simple spacer that accepts children
-templ Block() {
-    <div class="block">
-        { children... }
-    </div>
-}
\ No newline at end of file
diff --git a/components/bulma/button.templ b/components/bulma/button.templ
deleted file mode 100644
index 5385978..0000000
--- a/components/bulma/button.templ
+++ /dev/null
@@ -1,30 +0,0 @@
-package bulma
-
-// This creates a button that accepts children under it.
-templ Button() {
-	<button type="button" class={ "button" }>
-		{ children... }
-	</button>
-}
-
-// Used to create a button and lets you define the color.
-// Accepts children.
-templ ButtonColor(color string) {
-	<button type="button" class={ "button", color }>
-		{ children... }
-	</button>
-}
-
-templ ButtonNewTab(url, text string) {
-	<button type="button" class="button">
-		<a href={ templ.SafeURL(url) } target="_blank" rel="noopener noreferrer">{ text }</a>
-	</button>
-}
-
-templ ALink(url, title string) {
-	<a href={ templ.SafeURL(url) }>{ title }</a>
-}
-
-templ ANewTab(url, text string) {
-	<a href={ templ.SafeURL(url) } target="_blank" rel="noopener noreferrer">{ text }</a>
-}
diff --git a/components/bulma/card.templ b/components/bulma/card.templ
deleted file mode 100644
index 402b1dd..0000000
--- a/components/bulma/card.templ
+++ /dev/null
@@ -1,52 +0,0 @@
-package bulma
-
-templ ArticleCardWithThumbnail(title, thumbnailUrl, url, datePosted, sourceName string) {
-	<div class="card">
-		<div class="card-image">
-			<figure class="is-4by3">
-				<img src={ thumbnailUrl }/>
-			</figure>
-		</div>
-		<div class="card-content">
-			<div class="media">
-				<div class="media-content">
-					<a href={ templ.SafeURL(url) }>{ title }</a>
-				</div>
-			</div>
-			<div class="content">
-				{ datePosted }
-				<br/>
-				{ sourceName }
-			</div>
-		</div>
-	</div>
-}
-
-// Creates a card container.
-// Accepts children
-templ Card() {
-	<div class="card">
-		{ children... }
-	</div>
-}
-
-// Creates a image card container.
-// Accepts children
-templ CardImage() {
-	<div class="card-image">
-		{ children... }
-	</div>
-}
-
-//
-templ CardImageSize(size string) {
-	<figure class={ "image", size }>
-		{ children... }
-	</figure>
-}
-
-templ CardContentContainer() {
-	<div class="card-content">
-		{ children... }
-	</div>
-}
diff --git a/components/bulma/example/example.templ b/components/bulma/example/example.templ
deleted file mode 100644
index 8940fe2..0000000
--- a/components/bulma/example/example.templ
+++ /dev/null
@@ -1,19 +0,0 @@
-package example
-
-import "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
-import "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/html"
-import "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/layout"
-
-templ example() {
-	@html.Doctype()
-	@html.New("en"){
-		@html.NewHeader(){
-			@bulma.UseBulmaCdn()
-		}
-		@html.NewBody() {
-			@layout.Container(bulma.BreakpointDefault) {
-				{ children... }
-			}
-		}
-	}
-}
\ No newline at end of file
diff --git a/components/bulma/form/control.templ b/components/bulma/form/control.templ
deleted file mode 100644
index d5183b2..0000000
--- a/components/bulma/form/control.templ
+++ /dev/null
@@ -1,8 +0,0 @@
-package form
-
-// Div container to add a input field to.
-templ Control() {
-    <div class="control">
-        { children... }
-    </div>
-}
\ No newline at end of file
diff --git a/components/bulma/form/field.templ b/components/bulma/form/field.templ
deleted file mode 100644
index ad7b0c3..0000000
--- a/components/bulma/form/field.templ
+++ /dev/null
@@ -1,8 +0,0 @@
-package form
-
-// This creates a field that you can add a Label, Control or Input object.
-templ Field() {
-	<div class="field">
-		{ children... }
-	</div>
-}
\ No newline at end of file
diff --git a/components/bulma/form/input.templ b/components/bulma/form/input.templ
deleted file mode 100644
index 12a45bc..0000000
--- a/components/bulma/form/input.templ
+++ /dev/null
@@ -1,19 +0,0 @@
-package form
-
-templ TextInput(id, fieldType, placeholder string) {
-	<input class={ "input" } name={ id } id={ id } type={ fieldType } placeholder={ placeholder }/>
-}
-
-templ TextInputColor(color, id, fieldType, placeholder string) {
-	if color == "" {
-		<input class={ "input" } name={ id } id={ id } type={ fieldType } placeholder={ placeholder }/>
-	} else {
-		<input class={ "input", color } name={ id } id={ id } type={ fieldType } placeholder={ placeholder }/>
-	}
-}
-
-templ Checkbox(text, id string) {
-	<label class="checkbox">
-		<input type="checkbox" id={ id }/> { text }
-	</label>
-}
diff --git a/components/bulma/form/label.templ b/components/bulma/form/label.templ
deleted file mode 100644
index 66deea3..0000000
--- a/components/bulma/form/label.templ
+++ /dev/null
@@ -1,6 +0,0 @@
-package form
-
-// This will create a small bit of text to add context to the form.
-templ Label(text string) {
-	<label class="label">{ text }</label>
-}
\ No newline at end of file
diff --git a/components/bulma/form/new.templ b/components/bulma/form/new.templ
deleted file mode 100644
index 8f5029e..0000000
--- a/components/bulma/form/new.templ
+++ /dev/null
@@ -1,13 +0,0 @@
-package form
-
-type NewParam struct {
-	HxPost string
-}
-
-templ New(param NewParam) {
-	if param.HxPost != "" {
-		<form hx-post={ param.HxPost }>
-			{ children... }
-		</form>
-	}
-}
diff --git a/components/bulma/form/select.templ b/components/bulma/form/select.templ
deleted file mode 100644
index 8adffdc..0000000
--- a/components/bulma/form/select.templ
+++ /dev/null
@@ -1,33 +0,0 @@
-package form
-
-templ SelectOne(color string, isRound bool) {
-	if isRound {
-		<div class="select is-round">
-			<select>
-				{ children... }
-			</select>
-		</div>
-	} else {
-		<div class="select">
-			<select>
-				{ children... }
-			</select>
-		</div>
-	}
-}
-
-templ SelectOneItem(name string) {
-	<option>{ name }</option>
-}
-
-templ SelectMany(howManySelectable int, color string, isRound bool) {
-	<div class="select is-multiple">
-		<select multiple size="{ howManySelectable }">
-			{ children... }
-		</select>
-	</div>
-}
-
-templ SelectManyItem(name string) {
-	<option value={ name }>{ name }</option>
-}
diff --git a/components/bulma/form/submit.templ b/components/bulma/form/submit.templ
deleted file mode 100644
index e12ada7..0000000
--- a/components/bulma/form/submit.templ
+++ /dev/null
@@ -1,5 +0,0 @@
-package form
-
-templ Submit(text, color string) {
-    <button type="submit" class={ "button", color }>{ text }</button>
-}
\ No newline at end of file
diff --git a/components/bulma/form/textarea.templ b/components/bulma/form/textarea.templ
deleted file mode 100644
index d922742..0000000
--- a/components/bulma/form/textarea.templ
+++ /dev/null
@@ -1,5 +0,0 @@
-package form
-
-templ TextArea(id, placeholder, color string) {
-    <textarea class={ "textarea", color } id={ id } placeholder={ placeholder }/>
-}
\ No newline at end of file
diff --git a/components/bulma/form/util.go b/components/bulma/form/util.go
deleted file mode 100644
index 9b22a74..0000000
--- a/components/bulma/form/util.go
+++ /dev/null
@@ -1,8 +0,0 @@
-package form
-
-const (
-	InputTypeText        = "text"
-	InputTypePassword    = "password"
-	InputTypeEmail       = "email"
-	InputTypePhoneNumber = "tel"
-)
diff --git a/components/bulma/html/br.templ b/components/bulma/html/br.templ
deleted file mode 100644
index f62f03a..0000000
--- a/components/bulma/html/br.templ
+++ /dev/null
@@ -1,5 +0,0 @@
-package html
-
-templ Br(){
-    <br/>
-}
\ No newline at end of file
diff --git a/components/bulma/html/href.templ b/components/bulma/html/href.templ
deleted file mode 100644
index 87a353c..0000000
--- a/components/bulma/html/href.templ
+++ /dev/null
@@ -1,9 +0,0 @@
-package html
-
-templ ALink(url, title string) {
-	<a href={ templ.SafeURL(url) }>{ title }</a>
-}
-
-templ ANewTab(url, text string) {
-	<a href={ templ.SafeURL(url) } target="_blank" rel="noopener noreferrer">{ text }</a>
-}
\ No newline at end of file
diff --git a/components/bulma/html/html.templ b/components/bulma/html/html.templ
deleted file mode 100644
index ad16efe..0000000
--- a/components/bulma/html/html.templ
+++ /dev/null
@@ -1,26 +0,0 @@
-package html
-
-templ Doctype() {
-	<!DOCTYPE html>
-}
-
-// Creates <html> that accepts children
-templ New(lang string) {
-	<html lang={ lang }>
-		{ children... }
-	</html>
-}
-
-// Creates <head> that accepts children
-templ NewHeader() {
-    <head>
-        { children... }
-    </head>
-}
-
-// Creates <body> that accepts children
-templ NewBody() {
-    <body>
-        { children... }
-    </body>
-}
diff --git a/components/bulma/html/img.templ b/components/bulma/html/img.templ
deleted file mode 100644
index 4de354b..0000000
--- a/components/bulma/html/img.templ
+++ /dev/null
@@ -1,9 +0,0 @@
-package html
-
-templ Img(src string) {
-    <img src={ src } />
-}
-
-templ ImgAlt(src, alt string) {
-    <img src={ src } alt={ alt }/>
-}
\ No newline at end of file
diff --git a/components/bulma/image.templ b/components/bulma/image.templ
deleted file mode 100644
index 94cc76e..0000000
--- a/components/bulma/image.templ
+++ /dev/null
@@ -1,10 +0,0 @@
-package bulma
-
-// Creates a image wrapper.
-// This accepts children.
-// Use html.Img() to load a image as a child
-templ Image(image string) {
-    <figure class={ "image", image }>
-        { children... }
-    </figure>
-}
\ No newline at end of file
diff --git a/components/bulma/layout/container.templ b/components/bulma/layout/container.templ
deleted file mode 100644
index 88ab181..0000000
--- a/components/bulma/layout/container.templ
+++ /dev/null
@@ -1,7 +0,0 @@
-package layout
-
-templ Container(breakpoint string) {
-	<div class={ "container", breakpoint }>
-		{ children... }
-	</div>
-}
diff --git a/components/bulma/layout/hero.templ b/components/bulma/layout/hero.templ
deleted file mode 100644
index 1dfd6a3..0000000
--- a/components/bulma/layout/hero.templ
+++ /dev/null
@@ -1,37 +0,0 @@
-package layout
-
-templ Hero(title, subtitle string) {
-	<section class="hero">
-		<div class="hero-body">
-			<p class="title">{ title }</p>
-			<p class="subtitle">{ subtitle }</p>
-		</div>
-	</section>
-}
-
-templ HeroSize(title, subtitle, size string) {
-	<section class={ "hero", size }>
-		<div class="hero-body">
-			<p class="title">{ title }</p>
-			<p class="subtitle">{ subtitle }</p>
-		</div>
-	</section>
-} 
-
-templ HeroColor(title, subtitle, color string) {
-	<section class={ "hero", color }>
-		<div class="hero-body">
-			<p class="title">{ title }</p>
-			<p class="subtitle">{ subtitle }</p>
-		</div>
-	</section>
-}
-
-templ HeroColorSize(title, subtitle, color, size string) {
-	<section class={ "hero", color, size }>
-		<div class="hero-body">
-			<p class="title">{ title }</p>
-			<p class="subtitle">{ subtitle }</p>
-		</div>
-	</section>
-}
\ No newline at end of file
diff --git a/components/bulma/layout/section.templ b/components/bulma/layout/section.templ
deleted file mode 100644
index a25bef5..0000000
--- a/components/bulma/layout/section.templ
+++ /dev/null
@@ -1,9 +0,0 @@
-package layout
-
-// Creates a <section> object thats good to break up a page of content.
-templ Section(title, subtitle string) {
-	<section class="section">
-		<h1 class="title">{ title }</h1>
-		<h2 class="subtitle">{ subtitle }</h2>
-	</section>
-}
diff --git a/components/bulma/notification.templ b/components/bulma/notification.templ
deleted file mode 100644
index 13f34a8..0000000
--- a/components/bulma/notification.templ
+++ /dev/null
@@ -1,7 +0,0 @@
-package bulma
-
-templ Notification(message, color string) {
-	<div class={ "notification", color }>
-		{ message }
-	</div>
-}
diff --git a/components/bulma/script.templ b/components/bulma/script.templ
deleted file mode 100644
index 8c72096..0000000
--- a/components/bulma/script.templ
+++ /dev/null
@@ -1,5 +0,0 @@
-package bulma
-
-templ UseBulmaCdn() {
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.1/css/bulma.min.css"/>
-}
\ No newline at end of file
diff --git a/components/bulma/table.templ b/components/bulma/table.templ
deleted file mode 100644
index 2356404..0000000
--- a/components/bulma/table.templ
+++ /dev/null
@@ -1,37 +0,0 @@
-package bulma
-
-// Creates a <table> that accepts children
-templ Table(){
-    <table class="table">
-        { children... }
-    </table>
-}
-
-// Creates a <thead> that accepts children.
-templ TableHeader() {
-    <thead>{ children... }</thead>
-}
-
-// Creates a <tf> that accepts children.
-templ TableRow() {
-    <tr>{ children... }</tr>
-}
-
-// Creates a <th> and writes the given value
-templ TableHeaderData(value string) {
-    <th>{ value }</th>
-}
-
-// Creates a <th> that allows you to also add a tooltip value
-templ TableHeaderDataToolTip(value, tooltip string) {
-    <th><abbr title={ tooltip }>{ value }</abbr></th>
-}
-
-// Creates a <td> that accepts children.
-templ TableDataChildren() {
-    <td>{ children... }</td>
-}
-
-templ TableData(value string) {
-    <td>{ value }</td>
-}
\ No newline at end of file
diff --git a/components/bulma/tags.templ b/components/bulma/tags.templ
deleted file mode 100644
index 12b6735..0000000
--- a/components/bulma/tags.templ
+++ /dev/null
@@ -1,13 +0,0 @@
-package bulma
-
-templ Tag(message string) {
-	<span class={ "tag" }>{ message }</span>
-}
-
-templ TagColor(message, color string) {
-	<span class={ "tag", color }>{ message }</span>
-}
-
-templ TagColorSize(message, color, size string) {
-	<span class={ "tag", color, size }>{ message }</span>
-}
diff --git a/components/bulma/title.templ b/components/bulma/title.templ
deleted file mode 100644
index 2f95eba..0000000
--- a/components/bulma/title.templ
+++ /dev/null
@@ -1,49 +0,0 @@
-package bulma
-
-templ Title(message string) {
-	<h1 class="title">{ message }</h1>
-}
-
-templ Subitle(message string) {
-	<h2 class="subtitle">{ message }</h2>
-}
-
-templ H1(message string, isSubtitle bool) {
-	if isSubtitle {
-		<h1 class="subtitle is-1">{ message }</h1>
-	} else {
-		<h1 class="title is-1">{ message }</h1>
-	}
-}
-
-templ H2(message string, isSubtitle bool) {
-	if isSubtitle {
-		<h2 class="subtitle is-2">{ message }</h2>
-	} else {
-		<h2 class="title is-2">{ message }</h2>
-	}
-}
-
-templ H3(message string, isSubtitle bool) {
-	if isSubtitle {
-		<h3 class="subtitle is-3">{ message }</h3>
-	} else {
-		<h3 class="title is-3">{ message }</h3>
-	}
-}
-
-templ H4(message string, isSubtitle bool) {
-	if isSubtitle {
-		<h4 class="subtitle is-4">{ message }</h4>
-	} else {
-		<h4 class="title is-4">{ message }</h4>
-	}
-}
-
-templ H5(message string, isSubtitle bool) {
-	if isSubtitle {
-		<h5 class="subtitle is-5">{ message }</h5>
-	} else {
-		<h5 class="title is-5">{ message }</h5>
-	}
-}
diff --git a/components/bulma/util.go b/components/bulma/util.go
deleted file mode 100644
index 1617019..0000000
--- a/components/bulma/util.go
+++ /dev/null
@@ -1,20 +0,0 @@
-package bulma
-
-const (
-	ColorPrimary = "is-primary"
-	ColorInfo    = "is-info"
-	ColorLink    = "is-link"
-	ColorWarning = "is-warning"
-	ColorSuccess = "is-success"
-	ColorError   = "is-error"
-
-	SizeNormal = "is-normal"
-	SizeMedium = "is-medium"
-	SizeLarge  = "is-large"
-
-	BreakpointDefault       = ""
-	BreakpointWidescreen    = "is-widescreen"
-	BreakpointFullHd        = "is-fullhd"
-	BreakpointMaxDesktop    = "is-max-desktop"
-	BreakpointMaxWidescreen = "is-max-widescreen"
-)
diff --git a/internal/views/articles/list.templ b/internal/views/articles/list.templ
index 51b059e..80a4c94 100644
--- a/internal/views/articles/list.templ
+++ b/internal/views/articles/list.templ
@@ -1,7 +1,7 @@
 package articles
 
 import (
-	"git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
+	"git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/models"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/views/layout"
 )
diff --git a/internal/views/articles/table.templ b/internal/views/articles/table.templ
index 1f52d9d..1848c8b 100644
--- a/internal/views/articles/table.templ
+++ b/internal/views/articles/table.templ
@@ -1,7 +1,7 @@
 package articles
 
 import (
-	"git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
+	"git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/models"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/views/layout"
 )
diff --git a/internal/views/home/about.templ b/internal/views/home/about.templ
index 92d96bf..16e9ad4 100644
--- a/internal/views/home/about.templ
+++ b/internal/views/home/about.templ
@@ -1,8 +1,8 @@
 package home
 
 import "git.jamestombleson.com/jtom38/newsbot-portal/internal/views/layout"
-import "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
 import "git.jamestombleson.com/jtom38/newsbot-portal/internal/models"
+import "git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma"
 
 templ About(vm models.HomeAboutViewModel) {
     @layout.WithTemplate(vm.HeaderMetaTags){
diff --git a/internal/views/home/index.templ b/internal/views/home/index.templ
index 29ee09a..07b3576 100644
--- a/internal/views/home/index.templ
+++ b/internal/views/home/index.templ
@@ -1,8 +1,8 @@
 package home
 
 import (
-	b "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
-	bl "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/layout"
+	b "git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma"
+	bl "git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma/layout"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/models"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/views/layout"
 )
diff --git a/internal/views/layout/header.templ b/internal/views/layout/header.templ
index 1bd026b..ec4ba1c 100644
--- a/internal/views/layout/header.templ
+++ b/internal/views/layout/header.templ
@@ -1,6 +1,6 @@
 package layout
 
-import "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
+import "git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma"
 import "git.jamestombleson.com/jtom38/newsbot-portal/internal/models"
 
 templ header(meta models.HeaderMetaTags) {
diff --git a/internal/views/layout/withTemplate.templ b/internal/views/layout/withTemplate.templ
index 83ed5bc..8db3dd9 100644
--- a/internal/views/layout/withTemplate.templ
+++ b/internal/views/layout/withTemplate.templ
@@ -1,24 +1,25 @@
 package layout
 
 import (
-	"git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
-	bl "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/layout"
+	"git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma"
+	bl "git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma/layout"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/models"
+	"git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma/html"
 )
 
 templ WithTemplate(meta models.HeaderMetaTags) {
-	<!DOCTYPE html>
-	<html lang="en">
-		<head>
+	@html.Doctype()
+	@html.New("en") {
+		@html.NewHeader() {
 			@header(meta)
-		</head>
-		<body>
+		}
+		@html.NewBody(){
 			@navBar()
-			<br/>
+			@html.Br()
 			@bl.Container(bulma.BreakpointDefault) {
 				{ children... }
-				@footer()
 			}
-		</body>
-	</html>
+			@footer()
+		}
+	}
 }
diff --git a/internal/views/sources/add.templ b/internal/views/sources/add.templ
index 6e343ac..2e2e4f8 100644
--- a/internal/views/sources/add.templ
+++ b/internal/views/sources/add.templ
@@ -1,9 +1,9 @@
 package sources
 
 import (
-	"git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
-	bf "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/form"
-	bl "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/layout"
+	"git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma"
+	bf "git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma/form"
+	bl "git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma/layout"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/models"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/views/layout"
 )
diff --git a/internal/views/sources/addAfter.templ b/internal/views/sources/addAfter.templ
index c0d9046..3db31ee 100644
--- a/internal/views/sources/addAfter.templ
+++ b/internal/views/sources/addAfter.templ
@@ -1,6 +1,6 @@
 package sources
 
-import "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
+import "git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma"
 
 templ AddAfter(message string, isError bool) {
     if isError {
diff --git a/internal/views/sources/listAll.templ b/internal/views/sources/listAll.templ
index d590a47..b74ccc3 100644
--- a/internal/views/sources/listAll.templ
+++ b/internal/views/sources/listAll.templ
@@ -1,8 +1,8 @@
 package sources
 
 import (
-	"git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
-	bh "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/html"
+	"git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma"
+	bh "git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma/html"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/models"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/views/layout"
 )
@@ -12,13 +12,23 @@ templ ListAll(model models.ListAllSourcesViewModel) {
 		@bulma.Button() {
 			@bh.ALink("/sources/add", "New Source")
 		}
-		@bh.Br()
-		@bh.Br()
-		for _, item := range model.Items {
-			@bulma.ButtonColor(bulma.ColorPrimary) {
-				@bulma.ANewTab(item.Url, item.DisplayName)
+		@bulma.Table() {
+			@bulma.TableHeader() {
+				@bulma.TableHeaderData("Name")
+				@bulma.TableHeaderData("Source")
+				@bulma.TableHeaderData("Visit")
+			}
+			for _, item := range model.Items {
+				@bulma.TableRow() {
+					@bulma.TableData(item.DisplayName)
+					@bulma.TableData(item.Source)
+					@bulma.TableDataChildren() {
+						@bulma.Button() {
+							@bulma.ANewTab(item.Url, item.DisplayName)
+						}
+					}
+				}
 			}
-			<br/>
 		}
 	}
 }
diff --git a/internal/views/users/afterLogin.templ b/internal/views/users/afterLogin.templ
index 1c0a0e1..821992d 100644
--- a/internal/views/users/afterLogin.templ
+++ b/internal/views/users/afterLogin.templ
@@ -1,7 +1,7 @@
 package users
 
 import (
-	"git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
+	"git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/models"
 )
 
diff --git a/internal/views/users/afterSignUp.templ b/internal/views/users/afterSignUp.templ
index 699dbf6..0ea2b30 100644
--- a/internal/views/users/afterSignUp.templ
+++ b/internal/views/users/afterSignUp.templ
@@ -1,6 +1,6 @@
 package users
 
-import "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
+import "git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma"
 
 // This is returned after the user creates an account.
 // It just returns a partial view because it will overlap with the existing template.
diff --git a/internal/views/users/login copy.templ b/internal/views/users/login copy.templ
index 42f21b1..f86df3c 100644
--- a/internal/views/users/login copy.templ	
+++ b/internal/views/users/login copy.templ	
@@ -1,7 +1,7 @@
 package users
 
 import (
-	"git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/form"
+	"git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma/form"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/views/layout"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/models"
 )
diff --git a/internal/views/users/logout.templ b/internal/views/users/logout.templ
index 6e9a8ba..ad99c9b 100644
--- a/internal/views/users/logout.templ
+++ b/internal/views/users/logout.templ
@@ -1,7 +1,7 @@
 package users
 
 import (
-	bl "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/layout"
+	bl "git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma/layout"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/models"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/views/layout"
 )
diff --git a/internal/views/users/profile.templ b/internal/views/users/profile.templ
index 012d592..25fe507 100644
--- a/internal/views/users/profile.templ
+++ b/internal/views/users/profile.templ
@@ -1,9 +1,9 @@
 package users
 
 import (
-	"git.jamestombleson.com/jtom38/newsbot-portal/components/bulma"
-	bh "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/html"
-	bl "git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/layout"
+	"git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma"
+	bh "git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma/html"
+	bl "git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma/layout"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/models"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/views/layout"
 )
diff --git a/internal/views/users/signup.templ b/internal/views/users/signup.templ
index bac667b..b7745be 100644
--- a/internal/views/users/signup.templ
+++ b/internal/views/users/signup.templ
@@ -1,7 +1,7 @@
 package users
 
 import (
-	"git.jamestombleson.com/jtom38/newsbot-portal/components/bulma/form"
+	"git.jamestombleson.com/jtom38/newsbot-portal/templ-bulma/form"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/models"
 	"git.jamestombleson.com/jtom38/newsbot-portal/internal/views/layout"
 )
diff --git a/templ-bulma b/templ-bulma
new file mode 160000
index 0000000..15a6f03
--- /dev/null
+++ b/templ-bulma
@@ -0,0 +1 @@
+Subproject commit 15a6f03de4a000dc0f9d169f889cce43ddf6a5f0